iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 7
0
自我挑戰組

Re:從零開始的processing系列 第 7

Processing 顏色設定相關 - Day 7

  • 分享至 

  • xImage
  •  

設置

  • background() 背景
    設定視窗的背景顏色,預設是淺灰色,通常只需要在一開始設定一次就行。
    • 語法,有五種宣告方式
      background(rgb);
      background(rgb, alpha);
      background(gray);
      background(gray, alpha);
      background(image);
      // rbg為顏色的任何數據類型,後面會再做補充
      // alpha為背景的不透明度
      // gray為灰階的值
      // image為圖像的變數,後面也會再做補充
      
  • fill() 填色
    設定繪製的形狀的顏色,就是所謂的上色。
    • 語法
      fill(rgb);
      fill(rgb, alpha);
      fill(gray);
      fill(gray, alpha);
      // rbg為顏色的任何數據類型
      // alpha為背景的不透明度
      
  • noFill() 不填色
    也就是不塗色,會只顯示邊線。
    • 語法
      noFill();
      
  • stroke() 描邊
    繪製邊框的顏色,預設是黑色。
    • 語法
      stroke(rgb);
      stroke(rgb, alpha);
      stroke(gray);
      stroke(gray, alpha);
      // rbg為顏色的任何數據類型
      // alpha為背景的不透明度
      
  • noStroke() 不描邊
    不描邊。
    • 語法
      noStrike();
      
  • 邏輯練習

    請問當noFill()跟noStroke()同時被呼叫時,會發生甚麼事呢?
    答案在下回公布

今日結語

原本想寫曲線的,但後來發現連我自己都看不懂,應該說是沒有理解到可以教人的地步,所以就暫時跳過,以後如果有想法在寫。下次的話...下次再說吧,現在完全沒想法。
那今天就這樣了,祝各位學習愉快。


上一篇
Processing 2D繪圖(基本篇) - Day 6
下一篇
Processing 圖片相關函數 - Day 8
系列文
Re:從零開始的processing28
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言